<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<!-- include "header" -->	
	<script type="text/javascript" src="{{baseurl}}global/js/frb-popup-shadow/frb-popup-shadow.js"></script>
	<link rel="stylesheet" type="text/css" href="{{baseurl}}global/css/frb-popup-shadow/frb-popup-shadow.css">
	<link rel="stylesheet" type="text/css" href="{{baseurl}}global/css/frb-slide-header/frb-slide-header.css">
	<script type="text/javascript" src="{{baseurl}}global/js/frb-slide-header/frb-slide-header.js"></script>
	<script type="text/javascript" src="{{baseurl}}global/js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="{{baseurl}}global/js/jquery-datepicker-fr.js"></script>
	<link rel="stylesheet" type="text/css" href="{{baseurl}}global/css/datepicker/jquery-ui-1.8.16.datepicker.css">
</head>

<body>
	<!-- include "no-script" -->
	<!-- <div class="main-site-top-shadow"></div> -->
	<div id="main-site-shadow">
		<div id="main-site">
			<!-- include 'menu' -->
			<div id="main-site-slide-header">
				<div id="animation-slide-frb">
					<div id="container-frb"> {{content.text_slider}}
						<a title="" href='{{baseurl}}informations-et-plan-acces-immeubles.html'><button id='main-site-slide-header-button' class='component-button-blue'>En savoir +</button></a>
					</div>
					
					<ul id="slide-frb">
						<li><img src="{{baseurl}}global/img/frb-slide-header/i1.jpg" alt=""></li>
						<li><img src="{{baseurl}}global/img/frb-slide-header/i2.jpg" alt=""></li>
						<li><img src="{{baseurl}}global/img/frb-slide-header/i3.jpg" alt=""></li>
					</ul>
				</div>
			</div>
			<div class='component-separator'></div>
			<div id='main-site-content-home-1'>
				<div id='main-site-content-home-1-left'>
					{{content.text_middle_left}}	
				</div>
				<div class='main-site-content-home-1-column' id='main-site-content-home-1-right-1'>
					<div class='component-photo-cadre'>
						<img src='{{baseurl}}global/img/home/photo-marseille1.jpg' alt='{{SITE}} Photo de Marseille'>
					</div>
					{{content.text_middle_center}}
				</div>
				<div class='main-site-content-home-1-column' id='main-site-content-home-1-right-2'>
				<div class='component-photo-cadre'>
						<img src='{{baseurl}}global/img/home/photo-marseille2.jpg' alt='{{SITE}} Photo de Marseille'>
					</div>	
				{{content.text_middle_right}}
				</div>
			</div>
			<div class='component-separator'></div>
			<div id='main-site-content-home-2'>
				<div class='main-site-content-home-1-column' id='main-site-content-home-2-left'>
					<h2 class='shrink-top'>Réservation</h2>
					<input type='text' class='datepicker component-input-text' value='Arrivée'> <div class='component-datepicker-icon'></div>
					<input type='text' class='datepicker component-input-text' value='Départ'> <div class='component-datepicker-icon'></div>
					<a href='{{baseurl}}recherche-appartements-marseille.html' title='Réservation'><input type='button' value='Rechercher' class='component-button-blue' id='valid-search'></a>
				</div>
				<div class='main-site-content-home-1-column' id='main-site-content-home-2-right-1'>
					<h3 class='shrink-top shrink-bottom' id="text-appr">Les appartements</h3>
					<img src='{{baseurl}}global/img/home/photo-marseille3.jpg' alt='{{SITE}} Photo appartement'>
					<p class='shrink-top'>Une offre au coeur de Marseille</p>
				</div>
				<div class='main-site-content-home-1-column' id='main-site-content-home-2-right-2'>
					<img class="decal-ph" src='{{baseurl}}global/img/home/photo-marseille4.jpg' alt='{{SITE}} Photo appartement'>
					<p class='shrink-top'>Un lieu agréable</p>
				</div>
				<div class='main-site-content-home-1-column' id='main-site-content-home-2-right-3'>
					<img class="decal-ph" src='{{baseurl}}global/img/home/photo-marseille5.jpg' alt='{{SITE}} Photo appartement'>
					<p class='shrink-top'>Un pied à terre à Marseille</p>
				</div>
			</div>
			<div class='component-empty'></div>
		</div>
	</div>
		<!-- include "menuBottom" -->
<script type="text/javascript">
$(document).ready(function(){
	$('#slide-frb').frbSlideHeader();
	$('.datepicker').datepicker();

	$('.frb-popup-shadow').frbPopupShadow({
		link : 'contact',
		host : '{{baseurl}}',
		currentPage : 'location-marseille-appartements.html'
	});

	$('.component-datepicker-icon').click(function(){
		$(this).prev('input').focus();
	});

	/*$('#valid-search').click(function(){
		
	});*/
});
</script>
</body>
</html>